// *******************************************************************************************************
// # グローバル変数 - export to core.scss to xxxxxxx
//   ・ベンダープレフィックスの出力  
//   ・グラデーションのSVG出力（IE）  
//   ・対応デバイス  
//   ・コンテンツサイズ  
//   ・テキスト, リンク色  
//   ・ボタン色  
//   ・ボーダー色  
//   ・背景色  
//   ・フォントサイズ  
//   ・行間  
//   ・角丸サイズ  
//   ・パス  
// *******************************************************************************************************

// ## ベンダープレフィックスの出力
$experimental-support-for-webkit   : true;
$experimental-support-for-mozilla  : true;
$experimental-support-for-opera    : true;
$experimental-support-for-microsoft: true;

// ## グラデーションのSVG出力（IE）
$experimental-support-for-svg: true;

// ## 対応デバイス
$device: 'pc';

// ## コンテンツサイズ
$contentsWidth: 1024px;
$contentPadding: 12px;
$headerH: 44px;
$footerH: 150px;

// ## テキスト, リンク色
$textColor: #111;
$textColorHover: #013b96; // 濃い青：メイン
$textColorBlue: $textColorHover;
$textColorUsuBlue: #71819c; // 薄い青：ヘッダーのキーワード
$textColorGreen: #378900; // グリーン
$textColorKhaki: #9b802e; // カーキ
$textColorPink: #ff48af; // ピンク
$textColorUsuPink: #ff48af; // 薄いピンク：ページネーション
$textColorYellow: #bc9f0b; // イエロー
$textColorPurple: #823aba; // 紫
$textColorOrange: #ff7301; // オレンジ：アローリンク
$textColorOrangeHover: #ff9a47; // オレンジ：アローリンクオーバー

// ## ボタンのボーダー色
$btnBorderColorUsuBlue: #e0e7f2;
$btnBorderColorUsuGreen: #e7f1e0;
$btnBorderColorUsuKhaki: #f2ebd8;
$btnBorderColorUsuPurple: #f0e7f7;

// ## ボーダー色
$borderColorGreen: $textColorGreen;
$borderColorBlue: $textColorBlue;
$borderColorPink: $textColorPink;
$borderColorKhaki: $textColorKhaki;
$borderColorYellow: $textColorYellow;
$borderColorPurple: $textColorPurple;
$borderColorBlack: #484848;
$borderColorGray: #dadadb;

// ## 背景色
$bgColorMain: #e6e8ec; // グレー：メイン
$bgColorBlue: $textColorHover;
$bgColorUsuBlue: $textColorUsuBlue;
$bgColorGreen: #4ab900;
$bgColorUsuGreen: #ecffe0; // 薄いグリーン：選択エリア
$bgColorKhaki: #c2a344;
$bgColorKhakiTitle: #ede3c7; // カーキ：タイトル
$bgColorPink: $textColorPink;
$bgColorPinkChecked: #ffdef1; // ピンク：チェック時
$bgColorYellow: #f9d129;
$bgColorBlack: $borderColorBlack;
$bgColorGray: #eff2f4;

// ## B-5系フラグ別カラー
$bgColorFlagPicture: #e7c5ff;
$borderColorFlagPicture: #d39afc;
$bgColorFlagA: #90f4e5;
$borderColorFlagA: #68e8d4;
$bgColorFlagB: #fffc83;
$borderColorFlagB: #ded939;

// ## フォントサイズ
$fontSize : 14px;
$fontSizeL: 16px;
$fontSizeS: 12px;

// ## 行間
$lineHeight : 1.5;
$lineHeightL: 1.8;
$lineHeightS: 1.1;

// ## 角丸サイズ
$radius: 12px;
$radiusBtn: 8px;

// ## パス
$imgPathCommon: '/shared/images/';

